草庐IT

iOS - 移动 View 不动画

全部标签

javascript - 我可以使用哪些技术来使 JS 密集型页面在移动设备上具有高性能?

我的网站涉及大量JS代码(约100K,包括jQuery)。当我在手机或平板电脑上浏览类似网站时,我通常会对它们的缓慢速度感到失望。我希望我的网站在移动设备上表现良好(在页面加载时间和响应能力方面),而无需开发单独的“适合移动设备”的网站版本,或者换出大部分代码。当然,适用于所有环境的性能技术数不胜数。我想听听的是我可能想在移动/蜂窝环境中为提高性能而在桌面/宽带环境中不想做的事情。以下是我正在寻找的几个示例:设置jQuery.fx.off=true以跳过动画禁用密集的CSS效果,例如box-shadow、text-shadow和border-radius还有什么?

javascript - setInterval 在滚动期间在 iphone/ipad(移动 Safari)中暂停

我在网站中使用了setInterval函数,它在IE、Chrome、Firefox和Safari中运行良好。当我在ipad/iphone(safarimobile)上尝试时,我遇到了问题:如果我滚动屏幕,setInterval函数会暂停,只有当我停止滚动时它才会恢复!有没有办法防止函数暂停?谢谢 最佳答案 恐怕不行,没有办法阻止这种行为。在SO中有很多关于这个问题的主题(更多相关),这里特别是interestingone.它的总结很简单:iOSelasticscrollcan'tbetracked.There'snoeventlis

javascript - 如何在我的 javascript 球移动时为它提供滚动动画?

我有以下HTML代码:这是一个包含球图像的div(一个球的俯View)这个球我可以用我的箭头键和一些javacript向上、向左、向右、向下等等移动。我用这段代码来做到这一点:varball=function(){varinited=false,el,xcheck=50,x=50,ycheck=50,y=50,xspeed=0,yspeed=0,power=0.4,friction=0.99,xwind=0,ywind=0,dead=true,timer=function(keys){if(dead===true){return;}if(keys[38]===true){yspeed+

javascript - 在 Marionette 中使用 appendHtml() 时是否可以避免添加默认 View 元素 "div"?

我使用以下代码手动将View附加到模板中的dom元素:appendHtml:function(collectionView,itemView,index){collectionView.$("ul#search_list_container").append(itemView.el);}在我的模板中我有:尽管我将View附加到ul#search_list_container,但我有默认的div包装模板:idinvoice_number有没有办法避免显示默认标签“div”?我对此没有问题,但每当我想出这个例子时,这个疑问总是浮现在我的脑海中。注意:我有一个用于ulcompositeVie

javascript - angular.js 应用程序中的多个 View

问题我正在尝试构建具有(最初)以下功能的产品列表:服务器端分页服务器端过滤目前我遇到的问题有很多,但最主要的是我似乎无法以最佳方式分离View。每当页面更改时,类别列表都会更新(如果有任何项目被选中,它们将被取消选中)。如何仅在页面加载时加载类别列表?谢谢代码index.html:应用程序.js:'usestrict';angular.module('relv',['relv.filters','relv.services','relv.directives']).config(['$routeProvider',function($routeProvider){$routeProvi

javascript - 如何在 View 文件夹中包含 js.erb 文件

我有一个用于View的JavaScript文件。里面需要有Ruby代码,我需要在Ruby中做render,所以我明白我不能把JavaScript文件放到assetpipeline中。我可以将它放在与.html.erb文件相同的View文件夹中。如何包含JavaScript文件,或将JavaScript文件用于该View文件?我在我的View中尝试了javascript_include_tag(显然使用Assets管道),使用脚本src="myfile.js"作为myfile.js.erb文件(但找不到myfile.js),并将我的js.erb文件命名为(users.js.erb)与我的

javascript - D3.js 是否支持 native 移动应用程序?

我发现了一些关于支持D3以创建使用移动浏览器查看的移动应用程序的问题。我想知道D3是否支持创建原生移动应用程序(例如在Android设备上)?如果不支持native移动应用程序,使用D3在移动设备上实现类native应用程序的最佳方法是什么?否则,是否有替代D3的方法来在移动设备上创建原生交互式可视化应用程序?谢谢! 最佳答案 D3是一个旨在处理数据并将其呈现为htmlDOM的库——通过SVG、直接div或可能是Canvas。当然还需要有能够运行代码的JavaScript引擎。浏览器提供了所有这些东西;native应用程序没有开箱即

javascript - 在初始 View 调用中从 Angular JS 中的 Spring MVC 获取数据

我是AngularJS的新手,我用AngularJS创建了一个SpringMVCweb应用程序,我知道从View中我们可以使用resource、restangular、http从AngularJS调用REST服务,但是在Spring中从ControlleraView被触发,为了再次通过Angular在View中加载数据,从View调用来自AngularREST调用到服务器,然后获取数据以进行加载,而是有什么方法可以在触发View时传递json对象第一次从SpringController到AngularJS。我做过类似的事情,它工作正常但不知道它是否是一个好方法。SpringContro

javascript - 同一 View 中的多个 knockout 组件

我四处寻找这个问题的答案,但终究无法弄清楚我所做的与官方示例有何不同,除了我认为我的用例有点更复杂:http://knockoutjs.com/documentation/component-binding.html基本上,我正在尝试创建可重用的UI元素。该行为实质上将通过“params”对象传递给他们。然而,我希望多个元素能够存在于一个页面上,这正是我遇到困难的地方。我正在使用browserify来捆绑我的代码并具有以下内容(为简洁起见chop了一些条目):index.html主要.jsvarko=window.ko=require('knockout'),toggle=requir

javascript - angularjs 中的 ui-view 和 ionic 中的 ion-nav-view 有什么区别

如您所知,在Angularui-router中,我们使用ui-view将html呈现给父级html。根据this:js文件:$stateProvider.state('report',{views:{'filters':{...templatesand/orcontrollers...},'tabledata':{},'graph':{},}})同样在Ionic框架中我们可以使用这个:有什么区别? 最佳答案 这是自定义Ionic框架指令。您可以在此处找到详细说明ion-nav-view.它具有更多高级功能,如跟踪历史记录、转换等等。